<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./TemplatePrincipal.xhtml">

            <ui:define name="left">
                
            </ui:define>

            <ui:define name="right">
                
            </ui:define>

            <ui:define name="content">
                <f:view>
                    <center><h:panelGrid columns="3">
                            <h:outputLabel value=""/>
                            <p:panel header="Realizar Pago">
                                <h:form>
                                    <p:growl/>
                                    <h:panelGrid columns="2">


                                        <h:outputLabel value="Semana:" for="semana" />
                                        <p:inputText id="semana" value="#{pagosBean.semana}" title="Semana" required="true" validatorMessage="Solo requiere uno o 2 numeros">
 
                                            <f:validateRegex pattern="[0-9]{1,2}"/>
                                        </p:inputText>

                                        <h:outputLabel value="Semanas a Pagar:" for="semanasPagar" />
                                        <p:inputText id="semanasPagar" value="#{pagosBean.semanasPagar}" title="SemanasPagar" required="true" validatorMessage="Solo requiere uno o 2 numeros">
                                            <f:validateRegex pattern="[0-9]{1,2}"/>
                                        </p:inputText>

                                        <h:outputLabel value="Colegiatura:" for="colegiatura" />
                                        <p:inputText id="colegiatura" value="#{pagosBean.colegiatura}" title="Colegiatura" required="true" validatorMessage="Solo requiere 3 o 4 numeros">
                                            <f:validateRegex pattern="[0-9]{3,4}"/>
                                        </p:inputText>

                                        <h:outputLabel value="Descuento:" for="descuento" />
                                        <p:inputText id="descuento" value="#{pagosBean.descuento}" title="Descuento" required="true" validatorMessage="Solo requiere uno o 3 numeros">
                                            <f:validateRegex pattern="[0-9]{0,3}"/>
                                        </p:inputText>

                                        <h:outputLabel value="Recargo:" for="recargo" />
                                        <p:inputText id="recargo" value="#{pagosBean.recargo}" title="Recargo" required="true" validatorMessage="Solo requiere uno o 3 numeros">
                                            <f:validateRegex pattern="[0-9]{0,3}"/>
                                        </p:inputText>

                                        <h:outputLabel value="Total de Pago:" for="totalPago" />
                                        <p:inputText id="totalPago" value="#{pagosBean.totalPago}" title="TotalPago" required="true" validatorMessage="Solo requiere 3 o 4 numeros">
                                            <f:validateRegex pattern="[0-9]{3,4}"/>
                                        </p:inputText>

                                        <h:outputLabel value="Usuario:" for="idUsuario" />
                                        <p:selectOneMenu id="idUsuario" value="#{pagosBean.idUsuarioSeleccionado}" title="IdUsuario" required="true" requiredMessage="The IdUsuario field is required.">
                                            <!-- TODO: update below reference to list of available items-->
                                            <f:selectItems value="#{pagosBean.listaUsuario}" var="item" itemValue="#{item.id}"/>
                                        </p:selectOneMenu>

                                    </h:panelGrid>
                                    <center>
                                        <p:commandButton action="#{pagosBean.prepararUsuario}" value="Aceptar" ajax="false"/>
                                        <p:commandButton action="Pagos" value="Cancelar" immediate="true" ajax="false"/>
                                    </center>
                                </h:form>
                            </p:panel>
                            <h:outputLabel value=""/>
                        </h:panelGrid></center>
                </f:view>

            </ui:define>

        </ui:composition>

    </body>
</html>
